<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>农夫果院水果超市</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<section class="secBox">
    <!-- 第一部分 标题 -->
    <div class="superMarket">
        <h2>农夫果园水果超市</h2>
    </div>
    <!-- 超市内容第一个 -->
    <div class="supContent">
        <img src="./images/food2.png" alt="">
        <div class="foodbox">
            <p class="foodName">[海报畅销]草原情休闲奶酪酸奶条150g/袋</p>
            <span class="foodStyle">颜色：米黄（香甜型）</span>
            <span class="foodNum">*1</span>
        </div>
        <span>￥6，80</span>
    </div>
    <!-- 超市内容第二个 -->
    <div class="supContent">
        <img src="./images/fruit.png" alt="">
        <div class="foodbox">
            <p class="foodName">[最新上架]进口甜橙，新鲜上市 500g</p>
            <span class="foodNum">*2</span>
        </div>
        <span>￥18.00</span>
    </div>
</section>  
</body>
</html>